<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>关于我们</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<script src="./js/jquery-1.12.4.min.js"></script>
</head>

<body class="back">

	<ul class="about">
    	<li><a href="about_info.html">勐海县</a></li>
        <li><a href="about_info.html">勐海县</a></li>
        <li><a href="about_info.html">勐海县</a></li>
        <li><a href="about_info.html">勐海县</a></li>
        <li><a href="about_info.html">勐海县</a></li>
    </ul>
	

	<ul class="footer clearfix">
		<!-- 选中状态分别为 foot_home_cur 和 foot_mine_cur -->
		<li><a href="#" class="foot_home_a foot_home_cur"><span class="foot_bg foot_home"></span><em>首页</em></a></li>
		<li><a href="#" class="foot_mine_a"><span class="foot_bg foot_mine "></span><em>我的</em></a></li>
	</ul>
	<script type="text/javascript">
		$(function(){
			$('body').on('click', '.foot_home_a', function(event) {
				event.preventDefault();
				$(this).addClass('foot_home_cur').parents('li').siblings().find('a').removeClass('foot_mine_cur');
			});
			$('body').on('click', '.foot_mine_a', function(event) {
				event.preventDefault();
				$(this).addClass('foot_mine_cur').parents('li').siblings().find('a').removeClass('foot_home_cur');
			});
		})

	</script>
</body>

</html>

